<!DOCTYPE HTML>
<html lang="zh-CN">


<head>
    <meta charset="utf-8">
    <meta name="keywords" content="工具,开发者辅助工具, Java,Android,前端,后台,全栈,移动端,图形图像">
    <meta name="description" content="">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta name="renderer" content="webkit|ie-stand|ie-comp">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <!-- Global site tag (gtag.js) - Google Analytics -->


    <title>工具 | 穿破鞋</title>
    <link rel="icon" type="image/png" href="/favicon.png">

    <link rel="stylesheet" type="text/css" href="/libs/awesome/css/all.css">
    <link rel="stylesheet" type="text/css" href="/libs/materialize/materialize.min.css">
    <link rel="stylesheet" type="text/css" href="/libs/aos/aos.css">
    <link rel="stylesheet" type="text/css" href="/libs/animate/animate.min.css">
    <link rel="stylesheet" type="text/css" href="/libs/lightGallery/css/lightgallery.min.css">
    <link rel="stylesheet" type="text/css" href="/css/matery.css">
    <link rel="stylesheet" type="text/css" href="/css/my.css">

    <script src="/libs/jquery/jquery.min.js"></script>

<meta name="generator" content="Hexo 4.2.1"></head>


<body>
    <header class="navbar-fixed">
    <nav id="headNav" class="bg-color nav-transparent">
        <div id="navContainer" class="nav-wrapper container">
            <div class="brand-logo">
                <a href="/" class="waves-effect waves-light">
                    
                    <img src="/medias/logo.png" class="logo-img" alt="LOGO">
                    
                    <span class="logo-span">穿破鞋</span>
                </a>
            </div>
            

<a href="#" data-target="mobile-nav" class="sidenav-trigger button-collapse"><i class="fas fa-bars"></i></a>
<ul class="right nav-menu">
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/" class="waves-effect waves-light">
      
      <i class="fas fa-home" style="zoom: 0.6;"></i>
      
      <span>首页</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/categories" class="waves-effect waves-light">
      
      <i class="fas fa-bookmark" style="zoom: 0.6;"></i>
      
      <span>分类</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/tags" class="waves-effect waves-light">
      
      <i class="fas fa-tags" style="zoom: 0.6;"></i>
      
      <span>标签</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/archives" class="waves-effect waves-light">
      
      <i class="fas fa-archive" style="zoom: 0.6;"></i>
      
      <span>归档</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/about" class="waves-effect waves-light">
      
      <i class="fas fa-user-circle" style="zoom: 0.6;"></i>
      
      <span>关于</span>
    </a>
    
  </li>
  
  <li class="hide-on-med-and-down nav-item">
    
    <a href="/friends" class="waves-effect waves-light">
      
      <i class="fas fa-address-book" style="zoom: 0.6;"></i>
      
      <span>友情链接</span>
    </a>
    
  </li>
  
  <li>
    <a href="#searchModal" class="modal-trigger waves-effect waves-light">
      <i id="searchIcon" class="fas fa-search" title="搜索" style="zoom: 0.85;"></i>
    </a>
  </li>
</ul>


<div id="mobile-nav" class="side-nav sidenav">

    <div class="mobile-head bg-color">
        
        <img src="/medias/logo.png" class="logo-img circle responsive-img">
        
        <div class="logo-name">穿破鞋</div>
        <div class="logo-desc">
            
            Never really desperate, only the lost of the soul.
            
        </div>
    </div>

    

    <ul class="menu-list mobile-menu-list">
        
        <li class="m-nav-item">
	  
		<a href="/" class="waves-effect waves-light">
			
			    <i class="fa-fw fas fa-home"></i>
			
			首页
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="/categories" class="waves-effect waves-light">
			
			    <i class="fa-fw fas fa-bookmark"></i>
			
			分类
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="/tags" class="waves-effect waves-light">
			
			    <i class="fa-fw fas fa-tags"></i>
			
			标签
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="/archives" class="waves-effect waves-light">
			
			    <i class="fa-fw fas fa-archive"></i>
			
			归档
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="/about" class="waves-effect waves-light">
			
			    <i class="fa-fw fas fa-user-circle"></i>
			
			关于
		</a>
          
        </li>
        
        <li class="m-nav-item">
	  
		<a href="/friends" class="waves-effect waves-light">
			
			    <i class="fa-fw fas fa-address-book"></i>
			
			友情链接
		</a>
          
        </li>
        
        
        <li><div class="divider"></div></li>
        <li>
            <a href="https://github.com/chuanpoxie/chuanpoxie.github.io" class="waves-effect waves-light" target="_blank">
                <i class="fab fa-github-square fa-fw"></i>Fork Me
            </a>
        </li>
        
    </ul>
</div>


        </div>

        
            <style>
    .nav-transparent .github-corner {
        display: none !important;
    }

    .github-corner {
        position: absolute;
        z-index: 10;
        top: 0;
        right: 0;
        border: 0;
        transform: scale(1.1);
    }

    .github-corner svg {
        color: #0f9d58;
        fill: #fff;
        height: 64px;
        width: 64px;
    }

    .github-corner:hover .octo-arm {
        animation: a 0.56s ease-in-out;
    }

    .github-corner .octo-arm {
        animation: none;
    }

    @keyframes a {
        0%,
        to {
            transform: rotate(0);
        }
        20%,
        60% {
            transform: rotate(-25deg);
        }
        40%,
        80% {
            transform: rotate(10deg);
        }
    }
</style>

<a href="https://github.com/chuanpoxie/chuanpoxie.github.io" class="github-corner tooltipped hide-on-med-and-down" target="_blank"
   data-tooltip="Fork Me" data-position="left" data-delay="50">
    <svg viewBox="0 0 250 250" aria-hidden="true">
        <path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path>
        <path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2"
              fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path>
        <path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z"
              fill="currentColor" class="octo-body"></path>
    </svg>
</a>
        
    </nav>

</header>

    <div class="bg-cover pd-header about-cover">
    <div class="container">
    <div class="row">
    <div class="col s10 offset-s1 m8 offset-m2 l8 offset-l2">
        <div class="brand">
            <div class="title center-align">
                
                没文化的程序员
                
            </div>

            <div class="description center-align">
                
                <span id="subtitle"></span>
                <script src="https://cdn.jsdelivr.net/npm/typed.js@2.0.11"></script>
                <script>
                    var typed = new Typed("#subtitle", {
                        strings: ['从来没有真正的绝境, 只有心灵的迷途','Never really desperate, only the lost of the soul'],
                        startDelay: 300,
                        typeSpeed: 100,
                        loop: true,
                        backSpeed: 50,
                        showCursor: true
                    });
                </script>
                
            </div>
        </div>
    </div>
</div>


<script>
    // 每天切换 banner 图.  Switch banner image every day.
    var bannerUrl = "/medias/banner/" + new Date().getDay() + '.jpg';
    $('.bg-cover').css('background-image', 'url(' + bannerUrl + ')');
</script>


    </div>
</div>
<style>
    .friends-container {
        margin-top: -100px;
        margin-bottom: 30px;
    }

    .friends-container .tag-title {
        margin-bottom: 10px;
        color: #3C4858;
        font-size: 1.75rem;
        font-weight: 400;
    }

    .frind-ship img {
        border-radius: 50%;
    }

    /* 一下是按钮样式 */

    .frind-ship {
        padding: 10px 20px;
    }

    .frind-ship .title {
        display: flex;
        align-items: center;
    }

    .frind-ship .title div {
        color: #fff;
        padding-left: 10px;
    }

    .frind-ship .title img {
        width: 100px;
        height: 100px;
        flex-shrink: 0;
    }

    .frind-ship .title h1 {
        padding-bottom: 5px;
        border-bottom: 2px solid #fff;
        position: relative;
        top:-15px;
        left: 3px;
    }

    .friend-button {
        display: flex;
        justify-content: center;
        margin-bottom: -27px;
    }

    .friend-button a {
        border-radius: 40px;
    }

    .friend-all .tag-post {
        margin-bottom: 30px;
    }

    .button-caution {
        background-color: #FF4351;
        border-color: #FF4351;
        color: #FFF;
    }

    .button {
        font-weight: 300;
        font-size: 16px;
        font-family: "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
        text-decoration: none;
        text-align: center;
        line-height: 40px;
        height: 40px;
        padding: 0 40px;
        margin: 0;
        display: inline-block;
        appearance: none;
        cursor: pointer;
        border: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition-property: all;
        transition-property: all;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
    }

    .title {
        margin-bottom: 0rem !important;
    }

    .card {
        margin: 3rem 0 1rem 0 !important;
    }

    .button-glow.button-caution {
        -webkit-animation-name: glowing-caution;
        animation-name: glowing-caution;
    }

    @-webkit-keyframes glowing-caution {
        from {
            -webkit-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
            box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
        }

        50% {
            -webkit-box-shadow: 0 0 20px rgba(255, 67, 81, 0.8);
            box-shadow: 0 0 20px rgba(255, 67, 81, 0.8);
        }

        to {
            -webkit-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
            box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
        }
    }

    @keyframes glowing-caution {
        from {
            -webkit-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
            box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
        }

        50% {
            -webkit-box-shadow: 0 0 20px rgba(255, 67, 81, 0.8);
            box-shadow: 0 0 20px rgba(255, 67, 81, 0.8);
        }

        to {
            -webkit-box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
            box-shadow: 0 0 0 rgba(255, 67, 81, 0.3);
        }
    }

    .button-caution:hover {
        background-color: #ff7680;
        border-color: #ff7680;
        color: #FFF;
        text-decoration: none;
    }

    .frind-card1 {
        background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%);
    }

    .frind-card2 {
        background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    }

    .frind-card3 {
        background-image: linear-gradient(to right, #b8cbb8 0%, #b8cbb8 0%, #b465da 0%, #cf6cc9 33%, #ee609c 66%, #ee609c 100%);
    }

    .frind-card4 {
        background-image: linear-gradient(to right, #6a11cb 0%, #2575fc 100%);
    }

    .frind-card5 {
        background-image: linear-gradient(to top, #c471f5 0%, #fa71cd 100%);
    }

    .frind-card6 {
        background-image: linear-gradient(to top, #48c6ef 0%, #6f86d6 100%);
    }

    .frind-card7 {
        background-image: linear-gradient(to top, #0ba360 0%, #3cba92 100%);
    }

    .frind-card8 {
        background-image: linear-gradient(to top, #0c3483 0%, #a2b6df 100%, #6b8cce 100%, #a2b6df 100%);
    }

    .frind-card9 {
        background-image: linear-gradient(to right, #ff758c 0%, #ff7eb3 100%);
    }

    .frind-card10 {
        background-image: linear-gradient(to top, #f77062 0%, #fe5196 100%);
    }

    article .card {
        overflow: visible !important;
    }
</style>

<main class="content">
    <div class="container friends-container">
        <div class="card">
            <div class="card-content">
                <div class="tag-title center-align">
                    <svg class="icon" style="width: 1em; height: 1em;vertical-align: middle;fill: currentColor;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1069"><path d="M894.660028 435.788264a40.060547 40.060547 0 0 0 25.065817-20.410736l94.175855-181.906214a40.761793 40.761793 0 0 0-7.281023-47.38633l-29.840258-29.720897a40.627511 40.627511 0 0 0-57.532018 0l-53.593104 53.593103a40.642432 40.642432 0 0 1-57.532018-57.412656l53.593104-53.593104a40.552911 40.552911 0 0 0 0-57.412657L832.353569 11.937237a40.582751 40.582751 0 0 0-28.766009-11.936103 39.717384 39.717384 0 0 0-18.620321 4.476039L603.061025 98.473986a40.702112 40.702112 0 0 0-20.410736 24.946456c-11.458659 39.508502-22.797957 152.662761-29.840258 159.645381l-70.781093 66.126012-96.980839-96.980839a56.010165 56.010165 0 0 1-12.413547-19.217126l-21.484986-57.173935a113.915186 113.915186 0 0 0-64.156555-65.290485l-83.314001-33.421089a113.392981 113.392981 0 0 0-122.703142 25.065817L74.291651 108.918076A113.825665 113.825665 0 0 0 49.255674 231.442176L82.646923 314.815858a114.124067 114.124067 0 0 0 65.409846 64.156555l57.173934 21.484985a52.324893 52.324893 0 0 1 18.978405 12.174826L315.878381 504.301497 43.138421 759.017941c-54.786714 54.786714-50.8478 147.530236 8.832717 207.091391 31.511313 31.511313 72.213425 47.505691 111.721926 47.505691 35.330866 0 69.587482-12.77163 95.488826-38.553613l254.716444-272.73996 68.035789 68.035789a46.446362 46.446362 0 0 0 8.593994 54.30927L746.025702 980.253615a145.978543 145.978543 0 1 0 206.375226-206.494587L796.903342 618.171922a46.446362 46.446362 0 0 0-54.189909-8.593994l-73.407035-73.407035 68.513233-73.287674c5.848691-6.087413 117.451256-16.113739 156.840397-27.094955z" p-id="1070"></path></svg>&nbsp;&nbsp;有好用免费的工具，欢迎联系更新！
                </div>
                <article id="friends-link">
                    
                    
                    <div class="row tags-posts friend-all">
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card1">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="http://json.la/favicon-32.png" alt="img">
                                        <div>
                                            <h1 class="friend-name">JSON.La</h1>
                                            <p style="position: relative;top: -35px;">目前比较简洁的Json工具(常常用来校验Json字符串的正确性)</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="http://json.la" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            使用
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        
                        <div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card2">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="https://tinify.com/static/images/tinify-logo.svg" alt="img">
                                        <div>
                                            <h1 class="friend-name">TinyPNG</h1>
                                            <p style="position: relative;top: -35px;">很强大的图片资源无损压缩(或许会用来优化资源，进而减少程序的体积和提升性能)</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://tinypng.com" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            使用
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
						
						<div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card2">
                                <div class="frind-ship">
                                    <div class="title">
                                        <svg style="vertical-align: 2px;" version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="106px" height="20px" viewBox="52.5 299.5 851 160" enable-background="new 52.5 299.5 851 160" xml:space="preserve" p-id="173"><g id="图层_1_1_" p-id="174"><linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="856.4708" y1="619.0805" x2="885.842" y2="669.9529" gradientTransform="matrix(1 0 0 -1 0.14 999.055)" p-id="175"><stop offset="0" style="stop-color:#FFD400" p-id="176"></stop><stop offset="0.2147" style="stop-color:#FF812B" p-id="177"></stop><stop offset="0.2278" style="stop-color:#FF7C2E" p-id="178"></stop><stop offset="0.3992" style="stop-color:#FF414D" p-id="179"></stop><stop offset="0.4812" style="stop-color:#FF2A59" p-id="180"></stop><stop offset="0.6575" style="stop-color:#E52A92" p-id="181"></stop><stop offset="0.7563" style="stop-color:#D82AAD" p-id="182"></stop><stop offset="0.8483" style="stop-color:#C82AD2" p-id="183"></stop><stop offset="0.9463" style="stop-color:#B92AF2" p-id="184"></stop><stop offset="1" style="stop-color:#B32AFF" p-id="185"></stop></linearGradient><polygon id="J_index_jia" mx-click="showVideo()" data-spm-click="gostr=/alimama.30;locaid=d82d0f1df" fill="url(#SVGID_1_)" points="899.463,344.582 881.253,344.582 881.253,326.372 861.34,326.372 861.34,344.582
            843.13,344.582 843.13,364.495 861.34,364.495 861.34,382.705 881.253,382.705 881.253,364.495 899.463,364.495" p-id="186"></polygon><rect x="56.919" y="344.412" fill="#FFFFFF" width="22.955" height="109.768" p-id="187"></rect><path fill="#FFFFFF" d="M203.636,414.162l0.216-1.438h-23.128l-0.255,0.915c-2.099,7.525-5.419,13.257-9.871,17.036
            c-4.477,3.802-10.018,5.65-16.939,5.65c-10.064,0-17.596-3.179-23.023-9.719c-5.41-6.514-8.153-15.993-8.153-28.174
            c0-11.146,2.8-19.971,8.322-26.228c5.558-6.301,13.034-9.363,22.854-9.363c6.941,0,12.621,1.796,17.363,5.491
            c4.736,3.693,7.822,8.861,9.434,15.798l0.226,0.97h23.142l-0.183-1.411c-1.57-12.176-6.86-21.88-15.724-28.842
            c-8.821-6.925-20.347-10.437-34.258-10.437c-17.283,0-30.979,5.032-40.71,14.958c-9.724,9.921-14.654,23.968-14.654,41.75
            c0,16.908,4.94,30.189,14.683,39.475c9.723,9.271,23.539,13.971,41.065,13.971c8.438,0,16.183-1.42,23.021-4.219
            c6.823-2.793,12.602-6.908,17.176-12.229c0.363-0.382,0.562-0.618,0.741-0.874l0.242-0.304c0.05-0.055,0.105-0.113,0.166-0.173
            l0.245-0.281c2.282-2.923,4.042-6.159,5.173-9.548C201.911,423.615,202.863,419.317,203.636,414.162z" p-id="188"></path><path fill="#FFFFFF" d="M313.294,359.076c-9.669-9.73-23.139-14.664-40.032-14.664c-16.896,0-30.397,4.933-40.127,14.662
            c-9.729,9.729-14.662,23.359-14.662,40.511c0,17.027,4.934,30.561,14.665,40.224c9.725,9.664,23.225,14.564,40.124,14.564
            c16.897,0,30.366-4.9,40.031-14.565c9.665-9.667,14.565-23.2,14.565-40.223C327.859,382.438,322.959,368.808,313.294,359.076z
             M295.705,426.519c-5.302,6.471-12.643,9.616-22.442,9.616c-9.808,0-17.183-3.118-22.547-9.532
            c-5.344-6.384-8.055-15.475-8.055-27.018c0-11.666,2.71-20.822,8.056-27.212c5.366-6.413,12.741-9.53,22.546-9.53
            c9.552,0,16.835,3.088,22.266,9.441c5.404,6.329,8.144,15.256,8.144,26.533C303.671,410.741,300.991,420.062,295.705,426.519z" p-id="189"></path><path fill="#FFFFFF" d="M392.591,363.652c8.739,0,15.423,2.729,19.867,8.108c3.419,4.141,5.302,9.829,5.302,16.02v66.91h22.844
            v-72.705c0-20.436-17.434-37.062-38.862-37.062c-16.15,0-26.244,6.854-29.834,9.802l-4.989,4.075v-13.391h-22.844v109.28h23.028
            v-66.91c0-5.865,1.993-11.627,5.468-15.811C377.091,366.528,384.015,363.652,392.591,363.652z" p-id="190"></path><path fill="#FFFFFF" d="M507.663,344.499h-19.655v-10.695c0-5.876,4.419-8.95,8.784-8.95h11.072v-18.45h-22.155
            c-10.077,0-20.5,7.858-20.5,21.008V344.5h-15.312v19.879h14.775v89.802h22.844v-89.802h20.148L507.663,344.499L507.663,344.499z" p-id="191"></path><path fill="#FFFFFF" d="M608.415,359.076c-9.669-9.73-23.139-14.664-40.032-14.664c-16.896,0-30.397,4.933-40.127,14.662
            c-9.729,9.729-14.662,23.359-14.662,40.511c0,17.027,4.934,30.561,14.665,40.224c9.725,9.664,23.225,14.564,40.124,14.564
            c16.897,0,30.366-4.9,40.031-14.565c9.665-9.667,14.565-23.2,14.565-40.223C622.979,382.438,618.079,368.808,608.415,359.076z
             M590.825,426.519c-5.302,6.471-12.643,9.616-22.442,9.616c-9.808,0-17.183-3.118-22.547-9.532
            c-5.344-6.384-8.055-15.475-8.055-27.018c0-11.666,2.71-20.822,8.056-27.212c5.366-6.413,12.741-9.53,22.546-9.53
            c9.552,0,16.835,3.088,22.266,9.441c5.404,6.329,8.144,15.256,8.144,26.533C598.791,410.741,596.111,420.062,590.825,426.519z" p-id="192"></path><path fill="#FFFFFF" d="M783.458,454.174l19.36-0.007v-17.648h-8.994c-4.891,0-8.579-3.657-8.579-8.507v-63.634h17.572v-19.779
            h-17.572v-22.638h-22.652v22.638H745.05v19.779h17.543v69.43C762.594,443.603,770.571,454.174,783.458,454.174z" p-id="193"></path><path fill="#FFFFFF" d="M684.591,363.652c8.739,0,15.423,2.729,19.867,8.108c3.419,4.141,5.302,9.829,5.302,16.02v66.91h22.844
            v-72.705c0-20.436-17.434-37.062-38.862-37.062c-16.15,0-26.244,6.854-29.834,9.802l-4.989,4.075v-13.391h-22.844v109.28h23.028
            v-66.91c0-5.865,1.993-11.627,5.468-15.811C669.091,366.528,676.015,363.652,684.591,363.652z" p-id="194"></path></g></svg>
                                        <div>
                                            <h1 class="friend-name">iconfont</h1>
                                            <p style="position: relative;top: -35px;">阿里免费矢量图库(再也不用担心自己开发找不到图标资源了,网站图标都是svg哟！)</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://www.iconfont.cn/home/index" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            使用
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
						
						<div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card2">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="https://cdn.wpjam.com/tool/regexpal/regexpal.gif" alt="img">
                                        <div>
                                            <h1 class="friend-name">RegexPal</h1>
                                            <a style="text-decoration:underline; color:#ffffff; font-size:15px; position: relative;top: -40px;" href="http://stevenlevithan.com/regex/colorizer">在线正则校验</a>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://cdn.wpjam.com/tool/regexpal/" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            使用
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
						
						<div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card2">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="https://www.baidu.com/img/dong_54209c0ff3da32eecc31f340c08a18f6.gif" alt="img">
                                        <div>
                                            <h1 class="friend-name">百度脑图</h1>
                                            <a style="text-decoration:underline; color:#ffffff; font-size:15px; position: relative;top: -40px;" href="https://github.com/fex-team/kityminder-editor">开源项目地址！</a>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://naotu.baidu.com" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            使用
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
						
						<div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card2">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="" alt="img">
                                        <div>
                                            <h1 class="friend-name">PostMan</h1>
                                            <p style="position: relative;top: -35px;">http接口调试工具(有crx版本和文件夹版本！)</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://gitee.com/moredos/ChuanPoXie_Media/tree/master/tools" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            使用
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
						
						<div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card2">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="https://www.ilovepdf.com/img/ilovepdf.svg" alt="img">
                                        <div>
                                            <h1 class="friend-name">PDF在线工具</h1>
                                            <p style="position: relative;top: -35px;">目前已知的小于15M文件可免费的在线转换工具，解一时燃眉之急！</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="https://www.ilovepdf.com/zh-cn" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            使用
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>

						<div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card2">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="http://www.yynote.cn/wp-content/uploads/2019/08/cropped-512-2.png" alt="img">
                                        <div>
                                            <h1 class="friend-name">小黄条</h1>
                                            <p style="position: relative;top: -35px;">能嵌入桌面的跨平台todolist,可同步,免费还不错！</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="http://www.yynote.cn" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            使用
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
						
						<div class="col s12 m6 l4 friend-div" data-aos="zoom-in-up">
                            <div class="card frind-card2">
                                <div class="frind-ship">
                                    <div class="title">
                                        <img src="http://www.fadetop.com/images/logo_site.gif" alt="img">
                                        <div>
                                            <h1 class="friend-name">FadeTop</h1>
                                            <p style="position: relative;top: -35px;">为了健康！A free, simple and fun break reminder software for Windows.！</p>
                                        </div>
                                    </div>
                                    <div class="friend-button">
                                        <a href="http://www.fadetop.com" target="_blank"
                                            class="button button-glow button-rounded button-caution">
                                            使用
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                    </div>
                    
                </article>
            </div>
        </div>
        <div class="card">
            <div class="card-content">
                
            </div>
        </div>
        <div class="card">

            

            

            

            

            

        </div>
    </div>
</main>

<script>
    $(function () {
        $('#friends-link').masonry({
            itemSelector: '.friend-div'
        });
    });
</script>


    <footer class="page-footer bg-color">
    
        <link rel="stylesheet" href="/libs/aplayer/APlayer.min.css">
<style>
    .aplayer .aplayer-lrc p {
        
        display: none;
        
        font-size: 12px;
        font-weight: 700;
        line-height: 16px !important;
    }

    .aplayer .aplayer-lrc p.aplayer-lrc-current {
        
        display: none;
        
        font-size: 15px;
        color: #42b983;
    }

    
    .aplayer.aplayer-fixed.aplayer-narrow .aplayer-body {
        left: -66px !important;
    }

    .aplayer.aplayer-fixed.aplayer-narrow .aplayer-body:hover {
        left: 0px !important;
    }

    
</style>
<div class="">
    
    <div class="row">
        <meting-js class="col l8 offset-l2 m10 offset-m1 s12"
                   server="netease"
                   type="playlist"
                   id="503838841"
                   fixed='true'
                   autoplay='false'
                   theme='#42b983'
                   loop='all'
                   order='random'
                   preload='auto'
                   volume='0.7'
                   list-folded='true'
        >
        </meting-js>
    </div>
</div>

<script src="/libs/aplayer/APlayer.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/meting@2/dist/Meting.min.js"></script>

    
    <div class="container row center-align" style="margin-bottom: 0px !important;">
        <div class="col s12 m8 l8 copy-right">
            Copyright&nbsp;&copy;
            <span id="year">2020</span>
            <a href="/about" target="_blank">Chuan Po Xie</a>
            |&nbsp;Powered by&nbsp;<a href="https://hexo.io/" target="_blank">Hexo</a>
            |&nbsp;Theme&nbsp;<a href="https://github.com/blinkfox/hexo-theme-matery" target="_blank">Matery</a>
            <br>
            
            
            
            
            
            
            <span id="busuanzi_container_site_pv">
                |&nbsp;<i class="far fa-eye"></i>&nbsp;总访问量:&nbsp;<span id="busuanzi_value_site_pv"
                    class="white-color"></span>&nbsp;次
            </span>
            
            
            <span id="busuanzi_container_site_uv">
                |&nbsp;<i class="fas fa-users"></i>&nbsp;总访问人数:&nbsp;<span id="busuanzi_value_site_uv"
                    class="white-color"></span>&nbsp;人
            </span>
            
            <br>
            
            <br>
            
        </div>
        <div class="col s12 m4 l4 social-link social-statis">
    <a href="https://github.com/chuanpoxie/chuanpoxie.github.io" class="tooltipped" target="_blank" data-tooltip="访问我的GitHub" data-position="top" data-delay="50">
        <i class="fab fa-github"></i>
    </a>



    <a href="mailto:just_test@live.cn" class="tooltipped" target="_blank" data-tooltip="邮件联系我" data-position="top" data-delay="50">
        <i class="fas fa-envelope-open"></i>
    </a>







    <a href="tencent://AddContact/?fromId=50&fromSubId=1&subcmd=all&uin=642419907" class="tooltipped" target="_blank" data-tooltip="QQ联系我: 642419907" data-position="top" data-delay="50">
        <i class="fab fa-qq"></i>
    </a>







    <a href="/atom.xml" class="tooltipped" target="_blank" data-tooltip="RSS 订阅" data-position="top" data-delay="50">
        <i class="fas fa-rss"></i>
    </a>

</div>
    </div>
</footer>

<div class="progress-bar"></div>


    <!-- 搜索遮罩框 -->
<div id="searchModal" class="modal">
    <div class="modal-content">
        <div class="search-header">
            <span class="title"><i class="fas fa-search"></i>&nbsp;&nbsp;搜索</span>
            <input type="search" id="searchInput" name="s" placeholder="请输入搜索的关键字"
                   class="search-input">
        </div>
        <div id="searchResult"></div>
    </div>
</div>

<script src="/js/search.js"></script>
<script type="text/javascript">
$(function () {
    searchFunc("/search.xml", 'searchInput', 'searchResult');
});
</script>

    <!-- 回到顶部按钮 -->
<div id="backTop" class="top-scroll">
    <a class="btn-floating btn-large waves-effect waves-light" href="#!">
        <i class="fas fa-arrow-up"></i>
    </a>
</div>


    <script src="/libs/materialize/materialize.min.js"></script>
    <script src="/libs/masonry/masonry.pkgd.min.js"></script>
    <script src="/libs/aos/aos.js"></script>
    <script src="/libs/scrollprogress/scrollProgress.min.js"></script>
    <script src="/libs/lightGallery/js/lightgallery-all.min.js"></script>
    <script src="/js/matery.js"></script>

    <!-- Baidu Analytics -->

    <!-- Baidu Push -->

<script>
    (function () {
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        } else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script>

    
    
    <script async src="/libs/others/busuanzi.pure.mini.js"></script>
    

    

    

    

    

    
    <script type="text/javascript" src="/libs/background/ribbon-dynamic.js" async="async"></script>
    

    
    <script src="/libs/instantpage/instantpage.js" type="module"></script>
    

</body>

</html>